<%@ page language="java" contentType="text/html; charset=utf-8"
	pageEncoding="utf-8"%>
<%@ taglib uri="http://java.sun.com/jsp/jstl/core" prefix="c"%>

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>产品资源库</title>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/manage/js/plupload/plupload.full.min.js"></script>
<script type="text/javascript"
	src="<%=request.getContextPath()%>/manage/js/plupload/jquery.plupload.queue/jquery.plupload.queue.js"></script>

<link rel="stylesheet" type="text/css"
	href="<%=request.getContextPath()%>/manage/js/plupload/jquery.plupload.queue/css/jquery.plupload.queue.css" />
<!-- 国际化中文支持 -->
<script type="text/javascript"
	src="<%=request.getContextPath()%>/manage/js/plupload/i18n/zh_CN.js"></script>

<script type="text/javascript"
	src="<%=request.getContextPath()%>/manage/product/upload.js"></script>


</head>
<body>
	<div class="modal fade" id="resourceDialog" role="dialog"
		aria-labelledby="resourceDialogLabel" aria-hidden="true">

		<div class="modal-dialog" tabindex="0" style="width: 95%;">
			<div class="modal-content">
				<div class="modal-header">
					<button type="button" class="close" data-dismiss="modal">
						<span aria-hidden="true">&times;</span> <span class="sr-only">Close</span>
					</button>
					<h4 class="modal-title" id="myModalLabel">产品资源库</h4>
					<input type="hidden" id="proId" required name="id"
						value="${product.id}" />
				</div>
				<div class="modal-body" style="height: 600px;">
					<div align="left">
						<div align="center">
							<!--选项卡-->
							<div class="container-fluid">
								<div class="row-fluid">
									<div class="span12">
										<div class="tabbable" id="tabs-234974">
											<ul class="nav nav-tabs">
												<li class="active" id="baseTab"><a href="#pictrues"
													id="baseTabHref" data-toggle="tab">图片集</a></li>
												<li id="itemsTab"><a href="#videos" id="itemsTabHref"
													data-toggle="tab">视频集</a></li>

											</ul>
											<div class="tab-content">
												<div class="tab-pane active" id="pictrues">

													<div
														style="margin: 0; width: 40%; text-align: left; float: left;">
														<p>图片列表</p>
														<div id="uploader">
															<p>您的浏览器未安装 Flash, Silverlight, Gears, BrowserPlus
																或者支持 HTML5 .</p>
														</div>

														<input value="清空列表" id="clearImages" type="button" />
													</div>

													<div
														style="width: 58%; margin-left: 10px; text-align: left; float: right;">
														<p>资源库</p>
														<div id="imagelist">
															<table id="imageTable" border="1" style="width: 100%">
																<%-- 		<tr>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_001" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_003" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_003" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_004" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																</tr>
																<tr>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_001" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_003" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_003" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_004" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																</tr> --%>
															</table>
															<ul class="pagination" id="resImgPagination"></ul>
															<div id="pageResult">
																<input id="pageCount" type="hidden"
																	value="${pageResult.pageCount}" /> <input
																	id="totalCount" type="hidden"
																	value="${pageResult.totalCount}" /> <input
																	id="pageIndex" type="hidden"
																	value="${pageResult.pageIndex}" /> <input
																	id="pageSize" type="hidden"
																	value="${pageResult.pageSize}" />
															</div>
														</div>
													</div>
												</div>
												<div class="tab-pane" id="videos">
													<div
														style="margin: 0; width: 40%; text-align: left; float: left;">
														<p>视频列表</p>
														<div id="videoUploader">
															<p>您的浏览器未安装 Flash, Silverlight, Gears, BrowserPlus
																或者支持 HTML5 .</p>
														</div>

														<input value="清空列表" id="clearVideo" type="button" />
													</div>

													<div
														style="width: 58%; margin-left: 10px; text-align: left; float: right;">
														<p>资源库</p>
														<div id="videolist">
															<table id="videoTable" border="1" style="width: 100%">
																<tr>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_001" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_003" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_003" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_004" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																</tr>
																<tr>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_001" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_003" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_003" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																	<td style="text-align: center;">
																		<dl>
																			<img id="res_004" alt=""
																				src="<%=request.getContextPath()%>/HRTWEB/images/23/201501161542325133.jpg"
																				width="100" height="100" />
																		</dl>
																		<dl style="text-align: center;">图片1
																		</dl>
																	</td>
																</tr>
															</table>
															<ul>

															</ul>
														</div>
													</div>
												</div>
											</div>
										</div>
									</div>
								</div>
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</div>
</body>
</html>
